<!DOCTYPE html>
<!--Copyright (c) 2021 Tyrael, Y. LI-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="current-version" content="5.10">
    <title>rua豹器 偏好设置</title>
    <link href="css/readme.min.css" type="text/css" rel="stylesheet">
    <link href="css/setting.min.css" type="text/css" rel="stylesheet">
    <link href="css/popupbtn.min.css" type="text/css" rel="stylesheet">
</head>
<body style="font-size: 100%;">
<div id="rua-icon-host" class="rua-icon-top">
    <div class="rua-nav-left">
        <div id="rua-icon" style="height: 100px; width:100px;">
            <img src="./images/svga/13.svg" frame="13" height="100%" width="100%">
        </div>
        <b>偏好设置</b>
    </div>

<!--    <div class="rua-nav-right" id="rua-nav" style="display: flex; opacity: 1;">-->
<!--        <a href="./settingO.html">偏好设置</a>-->
<!--    </div>-->
</div>
<div id="main">
    <div id="setting" class="setting-group">
        <div class="setting-sub-group">
            <div class="setting-sub-group-title">直播相关功能</div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">开播通知</div>
                        <div class="setting-item-description">开启后会在关注的主播开播后发送通知。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-notification" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">显示封面</div>
                        <div class="setting-item-description">开启后会在通知以大图显示封面，仅在Windows系统中可用，默认关闭。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-img-notice" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>

            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">隐身进入</div>
                        <div class="setting-item-description">隐身进入直播间，此模式只是不在弹幕中显示进入直播间，但是高能榜依然会照常显示。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-hidden-entry" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">强力隐身</div>
                        <div class="setting-item-description">增强型隐身，此模式下没有人能看到你进入直播间，但是页面弹幕框不能发弹幕，本插件弹幕框不受影响。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-enhanced-hidden-entry" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">默认画质</div>
                        <div class="setting-item-description">若当前直播间没有此清晰度，则会向上选择。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-default-quality" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                    <div class="setting-item-selection">
                        <select class="selection" id="setting-item-selection-quality">
                            <option value="原画" selected>原画</option>
                            <option value="蓝光">蓝光</option>
                            <option value="超清">超清</option>
                            <option value="高清">高清</option>
                            <option value="流畅">流畅</option>
<!--                            <option value="自动">自动</option>-->
                        </select>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">自动签到</div>
                        <div class="setting-item-description">开启后每日自动签到。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-check-in" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">自动打卡</div>
                        <div class="setting-item-description">开启后每日自动在直播间打卡。可在下方指定打卡的直播间。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-dk" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                    <div class="setting-item-input">
                        <input id="setting-item-input-dk-word" type="text" placeholder="自定义打卡词，默认：打卡" maxlength="20">
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">翻牌子</div>
                        <div class="setting-item-description">开启后在不同直播间切换时会确保佩戴当前主播粉丝牌子。只要牌子戴得对，我就是单推人！</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-madel" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">挂机</div>
                        <div class="setting-item-description">开启后会在有牌子的主播开播是开始挂机，每天1500亲密度到手！可在"更多设置"中指定挂机的直播间。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-heartbeat" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-title">主站相关功能</div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">B币兑换</div>
                        <div class="setting-item-description">自动兑换大会员的每月5B币。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-b-coin" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">up表情</div>
                        <div class="setting-item-description">开启后会在视频、动态等页面表情框中显示该up设置的up表情包（详见手机APP）。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-up-emoji" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">音频封面裁切</div>
                        <div class="setting-item-description">缓存音频时将封面裁切为1:1比例，针对某些软件无法正常显示长方形封面。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-cover-clip" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">隐藏互动按钮</div>
                        <div class="setting-item-description">隐藏视频上方的关注、投票等按钮</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-hidden-video-btn" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-title">主题</div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">深色模式</div>
                        <div class="setting-item-description">将b站设为深色模式。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-dark-mode" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">跟随系统</div>
                        <div class="setting-item-description">主题跟随系统自动切换。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-dark-mode-follow-system" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-title">推送通知</div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">消息推送</div>
                        <div class="setting-item-description">关闭后你将不会再收到任何通知。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-notification-master" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">消息推送</div>
                        <div class="setting-item-description">开启后在收到回复、赞、@、系统消息、私信时会推送通知。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-message-notification" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">动态推送</div>
                        <div class="setting-item-description">开启后在关注的人发动态时会推送通知。（如果关注人数太多的当心系统通知栏爆炸）</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-dynamic-notification" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">投稿通知</div>
                        <div class="setting-item-description">开启后在关注的up主发布新投稿时推送通知。</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-update-notification" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item setting-second-level-group">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">视频投稿</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-video-notification" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item setting-second-level-group">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">番剧投稿</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-pcg-notification" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-item setting-second-level-group">
                <div class="item-left-side">
                    <div class="setting-item-text">
                        <div class="setting-item-name">专栏投稿</div>
                    </div>
                </div>
                <div class="item-right-side">
                    <div class="setting-item-switch">
                        <div class="button-host">
                            <section class="button">
                                <div class="checkbox">
                                    <input id="setting-item-switch-article-notification" type="checkbox">
                                    <label></label>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setting-sub-group-title" style="margin-top: 30px; display: flex; justify-content: space-between;">
                <div>up设置</div>
                <input id="setting-search-user" type="text" style="width: 50px" placeholder="搜索你的关注列表">
            </div>
        </div>
    </div>
    <div id="up-setting" class="setting-group">
        <div class="rua-setting-user-block rua-head" id="rua-head">
            <div class="rua-setting-user-info">
                <div class="user-name"><b style="margin-left: 25px">你关注的UP</b></div>
            </div>
            <div class="rua-setting-button-group" style="margin-right: 20px; justify-content: space-evenly;">
                <div style="width: 95px; text-align: center;">
                    <span>挂机</span>
                </div>
                <div style="width: 95px; text-align: center;">
                    <span>打卡</span>
                </div>
                <div style="width: 95px; text-align: center;">
                    <span>开播</span>
                </div>
                <div style="width: 95px; text-align: center;">
                    <span>视频投稿</span>
                </div>
                <div style="width: 95px; text-align: center;">
                    <span>动态</span>
                </div>
            </div>
        </div>
        <div class="rua-setting-user-block" id="rua-head-space" style="display: none; padding: 0; border: none;">
            <div class="rua-setting-user-info">
                <div class="user-name"><span></span></div>
            </div>
            <div class="rua-setting-button-group">
                <div class="button-host" style="padding: 0 20px">
                    <span></span>
                </div>
                <div class="button-host" style="padding: 0 20px">
                    <span></span>
                </div>
                <div class="button-host" style="padding: 0 20px">
                    <span></span>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="loading" style="display: flex; width: 100%;justify-content: center;height: 60px"><span style="line-height: 60px;text-align: center;">加载中...</span></div>
<div id="bottom">
    <h2></h2>
    <div style="cursor: auto"><svg height="16" width="16" viewBox="0 0 16 16" version="1.1">
        <path id="github-icon" fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
    </svg></div>
    <div id="source"><a href="https://github.com/TyraelDLee/HarukaEmoji">Source code</a></div>
    <div id="bug-reporter"><a href="https://github.com/TyraelDLee/HarukaEmoji/issues">问题反馈</a></div>
</div>
<script src="./js/SVGA.min.js"></script>
<script src="./js/setting.min.js"></script>
</body>
</html>
<!--todo: download setting-->